<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>Home page</title>
	<link rel="stylesheet" href="./style/css/bootstrap.css">
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>
<body>
		<nav class="navbar navbar-default" role="navigation">
		  <div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
			  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			  </button>
			  <a class="navbar-brand" href="#">User Panel</a>
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			  <ul class="nav navbar-nav">
				<li class="active"><a href="#">All Moudle List</a></li>
				<li><a href="#">Apply New Doc Number</a></li>
		 
			  </ul>

			  <ul class="nav navbar-nav navbar-right">
				<li><a href="#">Login</a></li>
				<li class="dropdown">
				  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
				  <ul class="dropdown-menu" role="menu">
					<li><a href="#">Action</a></li>
					<li><a href="#">Another action</a></li>
					<li><a href="#">Something else here</a></li>
					<li class="divider"></li>
					<li><a href="#">Separated link</a></li>
				  </ul>
				</li>
			  </ul>
			</div><!-- /.navbar-collapse -->
		  </div><!-- /.container-fluid -->
		</nav>

<div class="container" >

<div class="row"> 
		<div class="col-md-2"> </div>
 
		<div class="col-md-8"> 
				<form class="form-group" role="search">
					<div class="col-xs-11 form-group" >
					  <input type="text" class="form-control " placeholder="Search">
					  </div>
					<div class="col-xs-1"><button type="submit" class="btn btn-default">Search</button></div>
			  </form>

				<table class="table table-hover">
				  <thead>
					<tr>
					  <th>#</th>
					  <th>Doc #</th>
					  <th>Initials</th>
					  <th>Doc Name</th>
					  <th>Date</th>
					</tr>
				  </thead>
				  <tbody>
					<tr>
					  <td>1</td>
					  <td>BRK61600001</td>
					  <td>EWA</td>
					  <td>3BRK-1708 PCBA TEST</td>
					  <td>2016-12-28</td>
					</tr>
					<tr>
					  <td>2</td>
					  <td>BRK61600002</td>
					  <td>EWA</td>
					  <td>4BRK-1708 BOX TEST</td>
					  <td>2016-12-28</td>
					</tr>
					<tr>
					  <td>3</td>
					  <td>BRK61600003</td>
					  <td>EWA</td>
					  <td>4BRK-3619 BOX TEST</td>
					  <td>2016-12-28</td>
					</tr>
				  </tbody>
				</table>
			
		</div>
 <div class="col-md-2"> </div>
 </div>
</div>




</body>
</html>